<!-- 头部 -->
<template>
  <div class="he-plugin">
    <div id="he-plugin-simple"></div>
  </div>
</template>

<script >
export default {
  //   name: "Eweathe",
  created() {
    window.WIDGET = {
      CONFIG: {
        modules: "2340",
        background: "4",
        backgroundColor: "080C35",
        tmpColor: "FFFFFF",
        tmpSize: "14",
        cityColor: "FFFFFF",
        citySize: "14",
        aqiColor: "FFFFFF",
        aqiSize: "14",
        weatherIconSize: "24",
        alertIconSize: "18",
        padding: "10px 10px 10px 10px",
        shadow: "0",
        language: "auto",
        fixed: "false",
        vertical: "top",
        horizontal: "left",
        key: "5b7ea45465ab49019911309256a12e28",
      },
    };
    (function (d) {
      var c = d.createElement("link");
      c.rel = "stylesheet";
      c.href =
        "https://widget.qweather.net/simple/static/css/he-simple.css?v=1.4.0";
      var s = d.createElement("script");
      s.src =
        "https://widget.qweather.net/simple/static/js/he-simple.js?v=1.4.0";
      var sn = d.getElementsByTagName("script")[0];
      sn.parentNode.insertBefore(c, sn);
      sn.parentNode.insertBefore(s, sn);
    })(document);
  },
};
</script>
<style lang="scss" scoped>
// .container {
//   display: flex;
//   justify-content: center;
//   align-items: center;
// }
</style>>
